草庐IT

Web前端Tips:CSS3 部分新特性介绍

全部标签

javascript - 如何使 CSS 变换影响其他元素的流动

我使用带有transform属性的CSStransitions来在添加和删除元素时缩小元素。然而,这样做的一个问题是该属性不会影响其他元素的流动,因此看起来好像被删除的元素缩小了,然后其余元素突然跳了起来。如果我要为height属性设置动画而不是使用变换,这会很好,但是在实际使用中我使用的是可变高度的元素,所以我不知道我可以在什么高度之间设置动画。编辑:人们建议为height属性(如上所述不起作用)或max-height属性设置动画.max-height属性将在一定程度上起作用,但是您无法完美地对齐时间,因为转换会不断调整max-height属性超过元素的实际高度直到过渡时间结束。这些

javascript - 如何将 CSS 文件从源文件夹捆绑并复制到 dist 文件夹?

这是我的文件夹结构:我想缩小并捆绑我的src/css文件夹中的CSS文件,并将其输出为dist中的单个CSS文件。到目前为止,我看到的所有示例都建议在JS文件中使用require-ingCSS文件。我不要那个。有没有办法在webpack.config.js中配置以缩小和复制这些文件? 最佳答案 成功了。安装开发依赖npmiextract-text-webpack-plugin--save-devnpmicss-loader--save-devwebpack.config.jsconstwebpack=require('webpack

javascript - 如何从 CSS 或 JS 将 WebKit 宏更改为 false

SafariTechPreview26中引入的用于异步加载大图像的新WebKit功能会导致基于mjpg-streamer网络摄像头的流闪烁,默认为true的bool属性largeImageAsyncDecodingEnabled会导致此问题。Linktothepropertydefinition我正在尝试找到一种方法,在使用CSS或JS的html页面上将此属性设置为false。这可能吗?或者有其他方法吗?这适用于为3D打印机服务器运行OctoPi的OctoPrint。我通过反复试验发现,任何超过453x453像素的图像都会被异步加载并导致闪烁;它类似于烦人的频闪灯效果。我使用的网络摄像

javascript - 如何在 Web 应用程序中嵌入 Neo4j 浏览器结果可视化

neo4jbrowser,可以通过http://neo4j:7474访问(其中neo4j是neo4j主机),在可视化查询结果方面真的很棒。据我所知,javascript库负责与位于bolt://localhost:7687的数据库后端通信以及呈现结果。如何使用这个javascript库以嵌入式方式在我们的主Web应用程序中显示查询结果?Web应用程序应负责编写密码查询。出于安全原因,我希望Web应用程序后端负责从数据库后端获取结果并将结果传递给javascript库。javascript库应该负责将结果渲染到给定的中。.用户应该能够四处拖动节点,但不能操作数据或通过用户界面发送其他查询

javascript - web3 websocket连接阻止节点进程退出

我有一个创建web3websocket连接的节点js进程,如下所示:web3=newWeb3('ws://localhost:7545')当进程完成时(我向它发送一个SIGTERM),它不会退出,而是永远挂起,没有控制台输出。我在SIGINT和SIGTERM上注册了一个监听器,以观察进程在process._getActiveRequests()和process._getActiveHandles()上有哪些处理,我看到了这个:Socket{connecting:false,_hadError:false,_handle:TCP{reading:true,owner:[Circular]

javascript - 将html、js、css打包为桌面应用

我有一个在线工具,您可以在其中制作演示文稿,然后直接在线预览它们或下载它们以供稍后在演示文稿中使用。这是在闪存中完成的。为演示文稿创建一个xml,然后flash使用它来显示所有内容。与可下载版本相同,您可以获得一个包含Flash投影文件、xml和所有所需文件的包。效果不错。我现在用html、css和javascript重新制作了它,因此它可以与移动设备/ipad一起使用,并且在线预览效果很好,我还没有找到适合下载版本的好的解决方案。我已经尝试过appjs是可行的,但它有点大而且还不够稳定(对于使用它的人来说必须是稳定的)。我还尝试了multidmedia的Zinc,我在其中创建了一个应

javascript - 使用 Web Audio API 进行离线/非实时渲染

问题我正在开发一个网络应用程序,用户可以在其中对音频样本进行排序,并可以选择将效果应用于他们使用网络音频API创建的音乐模式。模式存储为JSON数据,我想对每个模式服务器端的渲染音频进行一些分析。据我所知,这给我留下了两个选择:在服务器端运行我自己的渲染代码,尝试使其尽可能忠实于浏览器内渲染。也许我什至可以从Chromium项目中提取WebAudio代码并对其进行修改,但这似乎可能需要大量工作。在客户端进行渲染,希望速度比实时快,然后将渲染后的音频发送到服务器。这是理想的(和DRY),因为只有一个引擎用于模式渲染。可能的解决方案Thisquestion带我到thiscodesample

javascript - JS和CSS存放在localstorage有什么意义?

在阅读StoyanStefanov的webperformancedaybook时我遇到过以下情况:GoogleandBingstoreJavaScriptandCSSinlocalStoragetoimprovetheirmobilesiteperformance和link到带有描述的博客。尽管如此,我还是读了它(并且有使用localstorage的合理经验),我仍然无法理解这种行为的意义所在。在我看来,浏览器已经完成了缓存CSS和JS的工作,绝对没有必要将它们存储在本地存储中。谁能用简单的英文解释一下这是什么原因?P.S.一开始我认为这可能与移动浏览器的缓存大小有关,但当我检查时发现

没有引用 DOM 元素的 Javascript/Prototype : Get css values,?

是否可以通过在CSS文件中定义的类名(例如类的宽度)检索样式属性,而不必从DOM中的实际元素中获取它? 最佳答案 是的。查看document.styleSheets属性。https://developer.mozilla.org/en-US/docs/Web/API/document.styleSheetshttp://www.quirksmode.org/dom/tests/stylesheets.html 关于没有引用DOM元素的Javascript/Prototype:Getcss

javascript - 为什么 IE 不立即执行我的 CSS 规则?

我在使用InternetExplorer(即使是最新的IE11)时遇到问题。我正在尝试编写一些JavaScript,允许我动态创建样式表,将其添加到文档并操作样式,其中大部分基于DavidWalshwrote的文章.他的想法是设置创建的style标签的media属性,这样旧版浏览器就会简单地忽略它们不支持的规则——我非常喜欢这个想法,但是一个给我带来了一些问题。当我创建一个style标签时,其media属性比"screen"更复杂,Firefox和Chrome将立即应用新规则(假设媒体查询匹配),但IE不会触发某种页面重绘(调整页面大小似乎最有效)。我创建了一个fiddletobett